<!DOCTYPE HTML>
<html lang="en-US">
<head>
	<meta charset="UTF-8">
	<title>타원 그리기</title>
	<script src="raphael/raphael.js" charset="UTF-8"></script>
	<script>
		function makePaper(el, width, height) {
			// 페이퍼 만들기
			// el = 엘리먼트, width = 가로 사이즈, height = 세로 사이즈
			this.paper = Raphael(el, width, height)
		}

		makePaper.prototype.makeEllipse = function(x, y, rx, ry) {
			/*
			타원 만들기

			x = 왼쪽 상단 모서리의 x 좌표
			y = 왼쪽 상단 모서리의 y 좌표
			rx = 가로 반지름
			ry = 세로 반지름
			*/
			this.paper.ellipse(x, y, rx, ry);
		}

		window.onload = function() {
			var paper = new makePaper(document.getElementsByTagName('body')[0], 400, 400); // el, width, height
			paper.makeEllipse(100, 100, 60, 20); // x, y, rx, ry
		}
	</script>
</head>
<body>
</body>
</html>